html, body
{
	margin: 10px ;
	padding: 0px ;
	font-family :  Calibri, Arial, Verdana ;
	font-size : 1em ;
	text-align: center;
	color : black ;
}

.ui-widget {
	font-family :  Calibri, Arial, Verdana ;
    font-size: 1em;
}

.ui-button-text-only .ui-button-text {
    padding: 0.4em 1em;
}

.ui-button .ui-button-text {
    display: block;
    line-height: 1.4;
}

.ui-state-hover, 
.ui-widget-content 
.ui-state-hover, 
.ui-widget-header 
.ui-state-hover, 
.ui-state-focus, 
.ui-widget-content 
.ui-state-focus, 
.ui-widget-header 
.ui-state-focus 
{ 
	border: 1px solid #fbcb09; 
	/*background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;*/
	font-weight: bold; 
	color: #c77405; 
}
.ui-state-hover a,
.ui-state-hover a:hover 
{ 
	color: #c77405;
	text-decoration: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: Black;
}

a
{
	cursor : pointer ;
	text-decoration : none ;
	color : black ;
}

a:hover, a:focus, a:active, a:visited
{
	text-decoration : underline ;
}

body
{
  margin : 0px auto ;
  width: 100%; 
  text-align: left; 
}

#header 
{
	margin : 0px auto ;
	width : 100% ;
	height : 120px ;
}

#header #imgLogo
{
	float : left ;
}

#header #title
{
	width: 100% ;
	height : 80px ;
}

#header #title #website_title
{
	margin : 0px auto ;
	display : block;
	width: 500px ;
}

#header #title #login
{
	float : right ;
	margin : -40px 10px 0 0 ;
}

#header #title #website_title #website_name
{
	margin : 0px 0px 0 0 ;
	font-size : 1.5em ;
	font-weight : bold ;
}

#header #title #website_title #website_desc
{
	font-style : italic ;
}

#header #menu
{
	height : auto ;
}

#header #nav 
{
	list-style: none ;
	margin: 10px 0px 0px 0px ;
	padding: 0 ;
	height :23px ;
	border-bottom : 1px Solid;
}
#header #nav li 
{
	display: inline ;
	margin-right: 1px ;
	color: black ;
}
#header #nav li a 
{
	background: #E5E5E5 ;
	color: black ;
	border: 1px solid #600 ;
	font-size: 1em ;
	line-height: 1em ;
	padding: 4px 20px ;
	text-align: center ;
	text-decoration: none ;
	-moz-border-top-right-radius: 	 5px;
	-moz-border-top-left-radius: 	 5px;
	-webkit-border-top-right-radius: 5px;
	-weblit-border-top-left-radius:  5px;
	border-top-right-radius: 		 5px;
	border-top-left-radius: 		 5px;
}
#header #nav li a:hover, #header #nav li a:focus, #header  #nav li a:active 
{
	text-decoration: none ;
	border: 1px solid #fbcb09; 
}

#loginForm
{
	margin : 0px auto ;
	margin-top : 70px ;
	display : block;
	width: 290px ;
	border : 1px Solid ;
	padding : 5px ;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#loginForm h2
 {
 text-align : center ;
 }
 
 #loginForm #login_button
 {
	text-align : right ;
	margin-top : 15px ;
	margin-right : 5px ;
 }

#loginForm p
{
	margin-bottom : 5px ;
	margin-top : 5px ;
} 


#loginForm p span
{
	display : inline-block ;
	width : 120px ;
}

#result table
{
	width:100%;
	valign:center;
	text-align:center;
}

#result table .colCroix
{
	text-align:left;
}

#result table .colCroix div
{
	display: inline ;
	margin : 0 2px 0 0 ;
}

#result td, #result th
{
	border-bottom-width:1px;
 	border-bottom-style:solid; 
 	border-bottom-color:black;
}

.infoCroix
{
	display:none ;
}

.jquerybubblepopup a
{
	color : white ;
}

.ErrorMsg
{
	color:red;
}
#AjoutUtilisateurForm
{
	border : 1px Solid ;
	padding : 5px ;
}


#AjoutUtilisateurForm div
{
	margin : 0 0 5px 0px ;
}

#AjoutUtilisateurForm .libelle
{
	vertical-align : top ;
	display : inline-block ;
	width : 150px ;
}

#ajouterCroix
{
	border : 0px Solid ;
	padding : 5px ;
}

#ajouterCroix div
{
	margin : 0 0 5px 0px ;
}

#ajouterCroix .libelle
{
	vertical-align : top ;
	display : inline-block ;
	width : 150px ;
}

#ajouterProjet
{
	border : 0px Solid ;
	padding : 5px ;
}

#ajouterProjet div
{
	margin : 0 0 5px 0px ;
}

#ajouterProjet .libelle
{
	vertical-align : top ;
	display : inline-block ;
	width : 150px ;
}

